@mixin scborder($width, $style, $color, $radius) {
    position: relative;

    &::after {

        // border: 1px solid #ee735e;
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        border-width: $width;
        border-style: $style;
        border-color: $color;
        border-radius: $radius;


        // 媒体适配

        @media screen and (-webkit-max-device-pixel-ratio: 1.49) {
            width: 100%;
            height: 100%;
        }

        @media screen and (-webkit-min-device-pixel-ratio: 1.5) and (-webkit-max-device-pixel-ratio: 2.49) {
            width: 200%;
            height: 200%;
            transform: scale(0.5);
        }

        @media screen and (-webkit-min-device-pixel-ratio: 2.5) {
            width: 300%;
            height: 300%;
            transform: scale(0.3333333);
        }

        transform-origin: 0 0;

    }
}